<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
        <!-- css -->
        <link href="../css/font-awesome.min.css" rel="stylesheet" type="text/css"/>
        <link href="../css/simple-line-icons.min.css" rel="stylesheet" type="text/css"/>
        <link href="../css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
        <link href="../css/components.min.css" rel="stylesheet" type="text/css"/>
        <link href="../css/layout.min.css" rel="stylesheet" type="text/css"/>
        <link href="../css/light.min.css" rel="stylesheet" type="text/css"/>
        <link href="../css/main.css" rel="stylesheet" type="text/css"/>
        <link href="../js/bootstrap-datepicker/css/bootstrap-datepicker.css" rel="stylesheet" type="text/css"/>
        <link href="../css/bootstrap-fileinput.css" rel="stylesheet" type="text/css"/>
        <!-- js -->
        <script src="../js/jquery-1.9.1.min.js" type="text/javascript"></script>
        <script src="../js/bootstrap.min.js" type="text/javascript"></script>
        <script src="../js/app.min.js" type="text/javascript"></script>
        <script src="../js/layout.min.js" type="text/javascript"></script>
        <script src="../js/main.js" type="text/javascript"></script>
        <script src="../js/bootstrap-datepicker/bootstrap-datepicker.js" type="text/javascript"></script>
        <script src="../js/bootstrap-datepicker/bootstrap-datepicker.zh-CN.js" type="text/javascript"></script>
        <script src="../js/bootstrap-fileinput.js" type="text/javascript"></script>
        <title>组织管理</title>
        <!-- END THEME LAYOUT STYLES -->
    </head>
    <!-- END HEAD -->

    <body class="page-header-fixed page-sidebar-closed-hide-logo page-content-white">
        <div class="page-header navbar navbar-fixed-top">
            <!-- BEGIN HEADER INNER -->
            <div class="page-header-inner ">
                <div class="page-logo">
                    <img class="ml40 mt15" src="../images/icons/logo.png" alt=""/>
                </div>
                <a href="javascript:;" class="menu-toggler responsive-toggler" data-toggle="collapse" data-target=".navbar-collapse">
                    <span></span>
                </a>
                <div class="page-top">
                    <div class="top-menu">
                        <ul class="nav navbar-nav pull-right">
                            <li class="separator hide"> </li>
                            <li class="dropdown dropdown-user dropdown-dark">
                                <a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
                                    <img alt="" class="user-img" src="../images/icons/user.png" /> 
                                </a>
                                <ul class="dropdown-menu dropdown-menu-default">
                                    <li>
                                        <a href="mybooking.html">
                                            <img src="../images/icons/mybooking.png" alt=""/>&nbsp;&nbsp;我的订单
                                        </a>
                                    </li>
                                    <li>
                                        <a href="myinfo.html">
                                            <img src="../images/icons/myinfo.png" alt=""/>&nbsp;&nbsp;用户信息
                                        </a>
                                    </li>
                                    <li>
                                        <a href="repwd.html">
                                            <img src="../images/icons/repwd.png" alt=""/>&nbsp;&nbsp;修改密码
                                        </a>
                                    </li>
                                </ul>
                            </li>
                            <li class="dropdown dropdown-extended dropdown-tasks dropdown-dark">
                                <a href="login.html" class="logout">Lot out</a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <div class="page-container">
            <div class="page-sidebar-wrapper">
                <div class="page-sidebar navbar-collapse collapse">
                    <ul class="page-sidebar-menu  page-header-fixed ">
                        <li class="nav-item start">
                            <a href="index.html" class="nav-link nav-toggle">
                                <img class="icon" src="../images/icons/home.png" alt=""/><span class="title">首页</span>
                                <span class="selected"></span>
                            </a>
                        </li>
                        <li class="nav-item">
                            <a href="yunzhuji.html" class="nav-link nav-toggle">
                                <img class="icon" src="../images/icons/yunzhuji.png" alt=""/><span class="title">云主机</span>
                                <span class="selected"></span>
                            </a>
                        </li>
                        <li class="nav-item">
                            <a href="yunjiankong.html" class="nav-link nav-toggle">
                                <img class="icon" src="../images/icons/yunjiankong.png" alt=""/><span class="title">云监控</span>
                                <span class="selected"></span>
                            </a>
                        </li>
                        <li class="nav-item">
                            <a href="yunqunzu.html" class="nav-link nav-toggle">
                                <img class="icon" src="../images/icons/yunqunzu.png" alt=""/><span class="title">云群组</span>
                                <span class="selected"></span>
                            </a>
                        </li>
                        <li class="nav-item">
                            <a href="yunshichang.html" class="nav-link nav-toggle">
                                <img class="icon" src="../images/icons/yunshichang.png" alt=""/><span class="title">云市场</span>
                                <span class="selected"></span>
                            </a>
                        </li>
                        <li class="nav-item">
                            <a href="gerenguanli.html" class="nav-link nav-toggle">
                                <img class="icon" src="../images/icons/manager.png" alt=""/><span class="title">管理中心</span>
                                <span class="selected"></span>
                            </a>
                        </li>
                        <li class="nav-item open active">
                            <a href="admin.html" class="nav-link nav-toggle">
                                <img class="icon" src="../images/icons/admin.png" alt=""/><span class="title">admin管理</span>
                                <span class="selected"></span>
                            </a>
                        </li>
                    </ul>
                    <!-- END SIDEBAR MENU -->
                    <!-- END SIDEBAR MENU -->
                </div>
                <!-- END SIDEBAR -->
            </div>
            <!-- END SIDEBAR -->
            <!-- BEGIN CONTENT -->
            <div class="page-content-wrapper">
                <!-- BEGIN CONTENT BODY -->
                <div class="page-content">
                    <div id="content">
                        <div id="admin" class="">
                            <div class="admin-header clearfix">
                                <img class="header-img" src="../images/admin/admin-header.png" alt=""/><span class="admin-title">Admin管理</span>
                            </div>
                            <div class="mt15">
                                <ul class="nav nav-tabs " role="tablist">
                                    <li role="presentation" class="active"><a href="#users" role="tab" data-toggle="tab">用户管理</a></li>
                                    <li role="presentation"><a href="#organization" role="tab" data-toggle="tab">组织管理</a></li>
                                    <li role="presentation"><a href="#channel" role="tab" data-toggle="tab">渠道管理</a></li>
                                    <li role="presentation"><a href="#goods" role="tab" data-toggle="tab">商品管理</a></li>
                                    <li role="presentation"><a href="#bookings" role="tab" data-toggle="tab">订单管理</a></li>
                                    <li role="presentation"><a href="#home" role="tab" data-toggle="tab">首页管理</a></li>
                                </ul>
                                <!-- Tab panes -->
                                <div class="tab-content admin-tabcontent pt15">
                                    <div role="tabpanel" class="tab-pane active" id="users">
                                        <div class="users">
                                            <div class="clearfix pl20">
                                                <span class="filter">
                                                    <select class="form-control pull-left">
                                                        <option>用户ID</option>
                                                        <option>1</option>
                                                    </select>
                                                </span>
                                                <span class="search ml40 pull-left">
                                                    <input class="form-control" placeholder="输入用户名进行查询"/>
                                                    <a class="search-btn"></a>
                                                </span>

                                            </div>
                                            <div class="result-list mt10">
                                                <table class="table table-bordered default-table">
                                                    <thead>
                                                        <tr>
                                                            <td class="first-td"><input class="checkall" type="checkbox"/>全选</td>
                                                            <td style="width: 8%;">用户ID</td>
                                                            <td style="width: 10%;">用户名</td>
                                                            <td style="width: 15%;">邮箱</td>
                                                            <td style="width: 13%;">手机号</td>
                                                            <td style="width: 5%;">PA</td>
                                                            <td style="width: 5%;">CA</td>
                                                            <td style="width: 5%;">OA</td>
                                                            <td style="width: 15%;">最近登录</td>
                                                            <td style="width: 10%;">状态</td>
                                                            <td style="width: 9%;">操作</td>
                                                        </tr>
                                                    </thead>
                                                    <tbody>
                                                        <tr>
                                                            <td><input type="checkbox"/></td>
                                                            <td>1001</td>
                                                            <td>aaa</td>
                                                            <td>aa@qq.com</td>
                                                            <td>13569697558</td>
                                                            <td>否</td>
                                                            <td>否</td>
                                                            <td>否</td>
                                                            <td>2016-01-01 12:29</td>
                                                            <td>可用</td>
                                                            <td><a class="noline" data-toggle="modal" data-target=".banUserModal">禁用</a></td>
                                                        </tr>
                                                        <tr>
                                                            <td><input type="checkbox"/></td>
                                                            <td>1002</td>
                                                            <td>bbb</td>
                                                            <td>bb@qq.com</td>
                                                            <td>13569697558</td>
                                                            <td>否</td>
                                                            <td>否</td>
                                                            <td>否</td>
                                                            <td>2016-01-01 12:29</td>
                                                            <td>可用</td>
                                                            <td><a class="noline" data-toggle="modal" data-target=".banUserModal">禁用</a></td>
                                                        </tr>
                                                        <tr>
                                                            <td><input type="checkbox"/></td>
                                                            <td>1003</td>
                                                            <td>ccc</td>
                                                            <td>cc@qq.com</td>
                                                            <td>13569697558</td>
                                                            <td>否</td>
                                                            <td>否</td>
                                                            <td>否</td>
                                                            <td>2016-01-01 12:29</td>
                                                            <td>可用</td>
                                                            <td><a class="noline" data-toggle="modal" data-target=".banUserModal">禁用</a></td>
                                                        </tr>
                                                        <tr>
                                                            <td><input type="checkbox"/></td>
                                                            <td>1004</td>
                                                            <td>ddd</td>
                                                            <td>dd@qq.com</td>
                                                            <td>13569697558</td>
                                                            <td>否</td>
                                                            <td>否</td>
                                                            <td>否</td>
                                                            <td>2016-01-01 12:29</td>
                                                            <td>可用</td>
                                                            <td><a class="noline" data-toggle="modal" data-target=".banUserModal">禁用</a></td>
                                                        </tr>
                                                    </tbody>
                                                </table>
                                            </div>
                                            <div class="mt20 pl20 pr20 clearfix">
                                                <div class="pull-left">
                                                    <input class="usersCheckAll" type="checkbox"/> 全选
                                                    <a class="default-link ml20">封禁用户</a>
                                                </div>
                                                <ul class="pagination pull-right mr15" >
                                                    <li class="prev disabled"><a href="#" title="首页">首页</a></li>
                                                    <li class="prev disabled"><a href="#" title="上一页">上一页</a></li>
                                                    <li class="active"><a href="#">1</a></li>
                                                    <li><a href="#">2</a></li>
                                                    <li><a href="#">3</a></li><li><a href="#">4</a></li>
                                                    <li><a href="#">5</a></li>
                                                    <li class="next"><a href="#" title="下一页">下一页</a></li>
                                                    <li class="next"><a href="#" title="末页">末页</a></li>
                                                    <li class="skip"> 向第<input type="text" class="pagination-panel-input form-control input-sm input-inline input-mini" style="text-align:center; margin: 0 5px;">跳转
                                                        <a class="btn btn-sm btn-blue">确定</a>
                                                    </li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                    <div role="tabpanel" class="tab-pane" id="organization">
                                        <div class="organization">
                                            <div class="clearfix pl20">
                                                <span class="filter pull-left">
                                                    <select class="form-control">
                                                        <option>组织名称</option>
                                                        <option>1</option>
                                                    </select>
                                                </span>
                                                <span class="search ml40 pull-left">
                                                    <input class="form-control" placeholder="请输入组织名称进行查找"/>
                                                    <a class="search-btn"></a>
                                                </span>

                                            </div>
                                            <div class="result-list mt10">
                                                <table class="table table-bordered default-table">
                                                    <thead>
                                                        <tr>
                                                            <td class="first-td"><input class="checkall" type="checkbox"/>全选</td>
                                                            <td style="width: 13%;">组织名称</td>
                                                            <td style="width: 8%;">用户名</td>
                                                            <td style="width: 15%;">邮箱</td>
                                                            <td style="width: 15%;">手机号</td>
                                                            <td style="width: 15%;">创建时间</td>
                                                            <td style="width: 8%;">状态</td>
                                                            <td style="width: 8%;">成员</td>
                                                            <td>操作</td>
                                                        </tr>
                                                    </thead>
                                                    <tbody>
                                                        <tr>
                                                            <td><input type="checkbox"/></td>
                                                            <td><a class="noline" data-toggle="modal" data-target=".organizationInfoModal">1001</a></td>
                                                            <td>aaa</td>
                                                            <td>aa@qq.com</td>
                                                            <td>13569697558</td>
                                                            <td>2016-01-01 12:29</td>
                                                            <td>可用</td>
                                                            <td>55</td>
                                                            <td><a class="default-link" data-toggle="modal" data-target=".closeOrganizationModal">关闭组织</a></td>
                                                        </tr>
                                                        <tr>
                                                            <td><input type="checkbox"/></td>
                                                            <td><a class="noline" data-toggle="modal" data-target=".organizationInfoModal">1002</a></td>
                                                            <td>bbb</td>
                                                            <td>bb@qq.com</td>
                                                            <td>13569697558</td>
                                                            <td>2016-01-01 12:29</td>
                                                            <td>可用</td>
                                                            <td>0</td>
                                                            <td><a class="default-link">审核通过</a>
                                                                <a class="default-link">拒绝</a>
                                                            </td>
                                                        </tr>
                                                        <tr>
                                                            <td><input type="checkbox"/></td>
                                                            <td><a class="noline" data-toggle="modal" data-target=".organizationInfoModal">1003</a></td>
                                                            <td>ccc</td>
                                                            <td>cc@qq.com</td>
                                                            <td>13569697558</td>
                                                            <td>2016-01-01 12:29</td>
                                                            <td>可用</td>
                                                            <td>55</td>
                                                            <td><a class="default-link" data-toggle="modal" data-target=".closeOrganizationModal">关闭组织</a></td>
                                                        </tr>
                                                        <tr>
                                                            <td><input type="checkbox"/></td>
                                                            <td><a class="noline" data-toggle="modal" data-target=".organizationInfoModal">1004</a></td>
                                                            <td>ddd</td>
                                                            <td>dd@qq.com</td>
                                                            <td>13569697558</td>
                                                            <td>2016-01-01 12:29</td>
                                                            <td>可用</td>
                                                            <td>55</td>
                                                            <td><a class="default-link" data-toggle="modal" data-target=".closeOrganizationModal">关闭组织</a></td>
                                                        </tr>
                                                    </tbody>
                                                </table>
                                            </div>
                                            <div class="mt20 pl20 pr20 clearfix">
                                                <div class="pull-left">
                                                    <input class="organizationCheckAll" type="checkbox"/> 全选
                                                    <a class="default-link ml20">封禁用户</a>
                                                </div>
                                                <ul class="pagination pull-right mr15" >
                                                    <li class="prev disabled"><a href="#" title="首页">首页</a></li>
                                                    <li class="prev disabled"><a href="#" title="上一页">上一页</a></li>
                                                    <li class="active"><a href="#">1</a></li>
                                                    <li><a href="#">2</a></li>
                                                    <li><a href="#">3</a></li><li><a href="#">4</a></li>
                                                    <li><a href="#">5</a></li>
                                                    <li class="next"><a href="#" title="下一页">下一页</a></li>
                                                    <li class="next"><a href="#" title="末页">末页</a></li>
                                                    <li class="skip"> 向第<input type="text" class="pagination-panel-input form-control input-sm input-inline input-mini" style="text-align:center; margin: 0 5px;">跳转
                                                        <a class="btn btn-sm btn-blue">确定</a>
                                                    </li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                    <div role="tabpanel" class="tab-pane" id="channel">
                                        <div class="channel">
                                            <div class="clearfix pl20">
                                                <span class="filter pull-left">
                                                    <select class="form-control">
                                                        <option>组织名称</option>
                                                        <option>1</option>
                                                    </select>
                                                </span>
                                                <span class="search ml40 pull-left">
                                                    <input class="form-control" placeholder="请输入组织名称进行查找"/>
                                                    <a class="search-btn"></a>
                                                </span>

                                            </div>
                                            <div class="result-list mt10">
                                                <table class="table table-bordered default-table">
                                                    <thead>
                                                        <tr>
                                                            <td class="first-td"><input class="checkall" type="checkbox"/>全选</td>
                                                            <td style="width: 13%;">组织名称</td>
                                                            <td style="width: 8%;">用户名</td>
                                                            <td style="width: 15%;">邮箱</td>
                                                            <td style="width: 15%;">手机号</td>
                                                            <td style="width: 15%;">创建时间</td>
                                                            <td style="width: 8%;">状态</td>
                                                            <td style="width: 8%;">成员</td>
                                                            <td>操作</td>
                                                        </tr>
                                                    </thead>
                                                    <tbody>
                                                        <tr>
                                                            <td><input type="checkbox"/></td>
                                                            <td>1001</td>
                                                            <td>aaa</td>
                                                            <td>aa@qq.com</td>
                                                            <td>13569697558</td>
                                                            <td>2016-01-01 12:29</td>
                                                            <td>可用</td>
                                                            <td>55</td>
                                                            <td><a class="default-link" data-toggle="modal" data-target=".closeChannelModal">关闭渠道</a></td>
                                                        </tr>
                                                        <tr>
                                                            <td><input type="checkbox"/></td>
                                                            <td>1002</td>
                                                            <td>bbb</td>
                                                            <td>bb@qq.com</td>
                                                            <td>13569697558</td>
                                                            <td>2016-01-01 12:29</td>
                                                            <td>可用</td>
                                                            <td>0</td>
                                                            <td><a class="default-link">审核通过</a>
                                                                <a class="default-link">拒绝</a>
                                                            </td>
                                                        </tr>
                                                        <tr>
                                                            <td><input type="checkbox"/></td>
                                                            <td>1003</td>
                                                            <td>ccc</td>
                                                            <td>cc@qq.com</td>
                                                            <td>13569697558</td>
                                                            <td>2016-01-01 12:29</td>
                                                            <td>可用</td>
                                                            <td>55</td>
                                                            <td><a class="default-link" data-toggle="modal" data-target=".closeChannelModal">关闭渠道</a></td>
                                                        </tr>
                                                        <tr>
                                                            <td><input type="checkbox"/></td>
                                                            <td>1004</td>
                                                            <td>ddd</td>
                                                            <td>dd@qq.com</td>
                                                            <td>13569697558</td>
                                                            <td>2016-01-01 12:29</td>
                                                            <td>可用</td>
                                                            <td>55</td>
                                                            <td><a class="default-link" data-toggle="modal" data-target=".closeChannelModal">关闭渠道</a></td>
                                                        </tr>
                                                    </tbody>
                                                </table>
                                            </div>
                                        </div>
                                    </div>
                                    <div role="tabpanel" class="tab-pane" id="goods">
                                        <div class="goods">
                                            <div class="clearfix pl20">
                                                <span class="filter pull-left">
                                                    <select class="form-control">
                                                        <option>组织名称</option>
                                                        <option>1</option>
                                                    </select>
                                                </span>
                                                <span class="search ml40 pull-left">
                                                    <input class="form-control" placeholder="输入关键词查询主机"/>
                                                    <a class="search-btn"></a>
                                                </span>

                                            </div>
                                            <div class="result-list mt10">
                                                <table class="table table-bordered default-table">
                                                    <thead>
                                                        <tr>
                                                            <td class="first-td"><input class="checkall" type="checkbox"/>全选</td>
                                                            <td style="width: 30%;">商品名称</td>
                                                            <td style="width: 20%;">商品图片</td>
                                                            <td style="width: 15%;">价格</td>
                                                            <td style="width: 10%;">库存</td>
                                                            <td style="width: 20%;">操作</td>
                                                        </tr>
                                                    </thead>
                                                    <tbody>
                                                        <tr>
                                                            <td><input type="checkbox"/></td>
                                                            <td>XXPP阿里云主机</td>
                                                            <td><img src="../images/admin/placeholder50.png" alt=""/></td>
                                                            <td><i class="fa fa-jpy" aria-hidden="true"></i>450.00</td>
                                                            <td>66</td>
                                                            <td><a href="productupdate.html" class="default-link">编辑</a>
                                                                <a class="color-unkonwn ml20">删除</a>
                                                                <a class="color-unkonwn ml20">排序</a>
                                                            </td>
                                                        </tr>

                                                    </tbody>
                                                </table>
                                            </div>
                                        </div>
                                    </div>
                                    <div role="tabpanel" class="tab-pane" id="bookings">
                                        <div class="bookings">
                                            <div class="clearfix pl20">
                                                <span class="pull-left mt7 color-687780">
                                                    订单查询
                                                </span>
                                                <span class="filter pull-left ml10">
                                                    <select class="form-control">
                                                        <option>按照用户</option>
                                                        <option>1</option>
                                                    </select>
                                                </span>
                                                <span class="search ml10 pull-left">
                                                    <input class="form-control" placeholder="输入关键词查询主机"/>
                                                    <a class="search-btn"></a>
                                                </span>
                                                <span class="timeFilter ml40 pull-left">
                                                    <span>时间筛选</span>
                                                    <input class="form-control dateStart inline-block" type="text" placeholder="选择时间" readonly/>
                                                    至
                                                    <input class="form-control dateEnd inline-block" type="text" placeholder="选择时间" readonly/>
                                                </span>

                                            </div>
                                            <div class="result-list mt10">
                                                <table class="table table-bordered default-table">
                                                    <thead>
                                                        <tr>
                                                            <td class="first-td"><input class="checkall" type="checkbox"/>全选</td>
                                                            <td style="width: 15%;">订单用户</td>
                                                            <td style="width: 15%;">订单编号</td>
                                                            <td style="width: 20%;">订单详情</td>
                                                            <td style="width: 15%;">创建时间</td>
                                                            <td>订单状态</td>
                                                            <td style="width: 20%">操作</td>
                                                        </tr>
                                                    </thead>
                                                    <tbody>
                                                        <tr>
                                                            <td><input type="checkbox"/></td>
                                                            <td>aaa</td>
                                                            <td>KDKDJSFDASO9Ol</td>
                                                            <td>阿里云主机8核4GB*2</td>
                                                            <td>2016-01-01 12:29</td>
                                                            <td>未付款</td>
                                                            <td><a class="custom-link" data-toggle="modal" data-target=".bookingInfoModal">查看</a>
                                                                <a class="custom-link dropdown-toggle"  data-toggle="dropdown" data-hover="dropdown" data-close-others="true">编辑状态</a>
                                                                <ul class="dropdown-menu dropdown-menu-default text-center">
                                                                    <li><a href="#">未付款</a></li>
                                                                    <li><a href="#">待确认</a></li>
                                                                    <li><a href="#">已付款</a></li>
                                                                    <li><a href="#">等待付款</a></li>
                                                                    <li><a href="#">已完成</a></li>
                                                                </ul>
                                                                <a class="custom-link" data-toggle="modal" data-target=".cancelBookingModal">关闭</a>
                                                            </td>
                                                        </tr>
                                                        <tr>
                                                            <td><input type="checkbox"/></td>
                                                            <td>aaa</td>
                                                            <td>KDKDJSFDASO9Ol</td>
                                                            <td>阿里云主机8核4GB*2</td>
                                                            <td>2016-01-01 12:29</td>
                                                            <td>待确定</td>
                                                            <td><a class="custom-link" data-toggle="modal" data-target=".bookingInfoModal">查看</a>
                                                                <a class="custom-link dropdown-toggle"  data-toggle="dropdown" data-hover="dropdown" data-close-others="true">编辑状态</a>
                                                                <ul class="dropdown-menu dropdown-menu-default text-center">
                                                                    <li><a href="#">未付款</a></li>
                                                                    <li><a href="#">待确认</a></li>
                                                                    <li><a href="#">已付款</a></li>
                                                                    <li><a href="#">等待付款</a></li>
                                                                    <li><a href="#">已完成</a></li>
                                                                </ul>
                                                                <a class="custom-link" data-toggle="modal" data-target=".cancelBookingModal">关闭</a>
                                                            </td>
                                                        </tr>
                                                        <tr>
                                                            <td><input type="checkbox"/></td>
                                                            <td>aaa</td>
                                                            <td>KDKDJSFDASO9Ol</td>
                                                            <td>阿里云主机8核4GB*2</td>
                                                            <td>2016-01-01 12:29</td>
                                                            <td>等待汇款</td>
                                                            <td><a class="custom-link" data-toggle="modal" data-target=".bookingInfoModal">查看</a>
                                                                <a class="custom-link dropdown-toggle"  data-toggle="dropdown" data-hover="dropdown" data-close-others="true">编辑状态</a>
                                                                <ul class="dropdown-menu dropdown-menu-default text-center">
                                                                    <li><a href="#">未付款</a></li>
                                                                    <li><a href="#">待确认</a></li>
                                                                    <li><a href="#">已付款</a></li>
                                                                    <li><a href="#">等待付款</a></li>
                                                                    <li><a href="#">已完成</a></li>
                                                                </ul>
                                                                <a class="custom-link" data-toggle="modal" data-target=".cancelBookingModal">关闭</a>
                                                            </td>
                                                        </tr>
                                                        <tr>
                                                            <td><input type="checkbox"/></td>
                                                            <td>aaa</td>
                                                            <td>KDKDJSFDASO9Ol</td>
                                                            <td>阿里云主机8核4GB*2</td>
                                                            <td>2016-01-01 12:29</td>
                                                            <td>已付款</td>
                                                            <td><a class="custom-link" data-toggle="modal" data-target=".bookingInfoModal">查看</a>
                                                                <a class="custom-link dropdown-toggle"  data-toggle="dropdown" data-hover="dropdown" data-close-others="true">编辑状态</a>
                                                                <ul class="dropdown-menu dropdown-menu-default text-center">
                                                                    <li><a href="#">未付款</a></li>
                                                                    <li><a href="#">待确认</a></li>
                                                                    <li><a href="#">已付款</a></li>
                                                                    <li><a href="#">等待付款</a></li>
                                                                    <li><a href="#">已完成</a></li>
                                                                </ul>
                                                                <a class="custom-link" data-toggle="modal" data-target=".cancelBookingModal">关闭</a>
                                                            </td>
                                                        </tr>
                                                        <tr>
                                                            <td><input type="checkbox"/></td>
                                                            <td>aaa</td>
                                                            <td>KDKDJSFDASO9Ol</td>
                                                            <td>阿里云主机8核4GB*2</td>
                                                            <td>2016-01-01 12:29</td>
                                                            <td>完成</td>
                                                            <td><a class="custom-link" data-toggle="modal" data-target=".bookingInfoModal">查看</a>
                                                                <a class="custom-link dropdown-toggle"  data-toggle="dropdown" data-hover="dropdown" data-close-others="true">编辑状态</a>
                                                                <ul class="dropdown-menu dropdown-menu-default text-center">
                                                                    <li><a href="#">未付款</a></li>
                                                                    <li><a href="#">待确认</a></li>
                                                                    <li><a href="#">已付款</a></li>
                                                                    <li><a href="#">等待付款</a></li>
                                                                    <li><a href="#">已完成</a></li>
                                                                </ul>
                                                                <a class="custom-link" data-toggle="modal" data-target=".cancelBooking2Modal">关闭</a>
                                                            </td>
                                                        </tr>
                                                    </tbody>
                                                </table>
                                            </div>
                                            <div class="mt20 pl20 pr20">
                                                <div class="pull-left">
                                                    <span>批量操作</span>
                                                    <a class="default-link ml20">关闭选择订单</a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div role="tabpanel" class="tab-pane" id="home">
                                        <div class="row">
                                            <div class="col-lg-10">
                                                <div class="pl20">
                                                    <form class="form-horizontal pl20 mt15">
                                                        <div class="form-group">
                                                            <label class="col-lg-2 col-md-3 col-sm-4 control-label color-687780"><span class="default-square"></span>指定banner</label>
                                                            <div class="col-lg-10 col-md-9 col-sm-8">
                                                                <div class="fileinput fileinput-new" data-provides="fileinput">
                                                                    <div class="fileinput-new thumbnail" style="">
                                                                        <img src="../images/admin/placeholder900.png" alt=""/> 
                                                                    </div>
                                                                    <div class="fileinput-preview fileinput-exists thumbnail" style="max-width: 900px; max-height: 100px;"> </div>
                                                                    <div class="mt20">
                                                                        <span class="btn default btn-file btn-blue">
                                                                            <span class="fileinput-new"> 上传图片 </span>
                                                                            <span class="fileinput-exists"> 修改 </span>
                                                                            <input type="file" name="..."> </span>
                                                                        <a href="javascript:;" class="btn red fileinput-exists" data-dismiss="fileinput"> 删除 </a>
                                                                        <span class="color-red mt20">建议尺寸(最佳效果) ：800*800</span>              
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="form-group">
                                                            <label class="col-lg-2 col-md-3 col-sm-4 control-label color-687780"><span class="default-square"></span>商品上架</label>
                                                            <div class="col-lg-10 col-md-9 col-sm-8">
                                                                <div class="mt-radio-inline  color-687780">
                                                                    <label class="local-radio mt-radio">
                                                                        <input type="radio" name="optionsRadios" id="optionsRadios0" value="0"> 使用指南
                                                                        <span></span>
                                                                    </label>
                                                                    <label class="local-radio mt-radio">
                                                                        <input type="radio" name="optionsRadios" id="optionsRadios1" value="1" > 商品直通车1
                                                                        <span></span>
                                                                    </label>
                                                                    <label class="local-radio mt-radio">
                                                                        <input type="radio" name="optionsRadios" id="optionsRadios2" value="2" > 商品直通车2
                                                                        <span></span>
                                                                    </label>
                                                                    <label class="local-radio mt-radio">
                                                                        <input type="radio" name="optionsRadios" id="optionsRadios3" value="3" > 商品直通车3
                                                                        <span></span>
                                                                    </label>
                                                                    <label class="local-radio mt-radio">
                                                                        <input type="radio" name="optionsRadios" id="optionsRadios4" value="4" > 商品直通车4
                                                                        <span></span>
                                                                    </label>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="form-group">
                                                            <label class="col-lg-2 col-md-3 col-sm-4 control-label color-687780"><span class="default-square"></span>商品直通车1</label>
                                                            <div class="col-md-2">
                                                                <select class="form-control">
                                                                    <option>选择商品</option>
                                                                </select>
                                                            </div>
                                                        </div>
                                                        <div class="form-group">
                                                            <label class="col-lg-2 col-md-3 col-sm-4 control-label"></label>
                                                            <div class="col-lg-10 col-md-9 col-sm-8">
                                                                <div class="fileinput fileinput-new" data-provides="fileinput">
                                                                    <div class="fileinput-new thumbnail" style="width: 200px; height: 200px;">
                                                                        <img src="../images/admin/placeholder200.png" alt=""/> 
                                                                    </div>
                                                                    <div class="fileinput-preview fileinput-exists thumbnail" style="max-width: 200px; max-height: 200px;"> </div>
                                                                    <span class="btn default btn-file btn-blue normal">
                                                                        <span class="fileinput-new"> 上传图片 </span>
                                                                        <span class="fileinput-exists"> 修改 </span>
                                                                        <input type="file" name="..."> </span>
                                                                    <a href="javascript:;" class="btn red fileinput-exists normal" data-dismiss="fileinput"> 删除 </a>
                                                                    <span class="color-red file-tip">建议尺寸(最佳效果) ：800*800</span>                                                
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="form-group">
                                                            <div class="col-md-6 col-lg-offset-2 col-md-offset-3 col-sm-offset-4 mt30">
                                                                <button class="btn btn-blue pl20 pr20 w200px"> 提交 </button>

                                                            </div>
                                                        </div>
                                                    </form>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div><!-- content -->
                    </div>
                </div>     
            </div>
            <!-- END QUICK SIDEBAR -->
        </div>
        <div class="page-footer">
            <div class="page-footer-inner">

            </div>
            <div class="scroll-to-top">
                <i class="icon-arrow-up"></i>
            </div>
        </div>

        <div class="modal fade modal-default banUserModal" tabindex="-1" role="dialog" aria-labelledby="banUserModal" aria-hidden="true">
            <div class="modal-dialog modal-sm">
                <div class="modal-title"><span class="close" data-dismiss="modal"></span>提示</div>
                <div class="modal-content">
                    <div class="pt35 pl15">
                        <div>
                            <div class="mb5 text-center"><img src="../images/manager/confirm.png" alt=""/></div>
                            <div class="font-12 text-center">您确定要将选中用户封禁吗？</div>
                            <div class="mt35 text-center">
                                <a class="btn btn-blue mr35" data-dismiss="modal">确认</a>
                                <a class="btn btn-default" data-dismiss="modal">取消</a>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
        </div>
        <div class="modal fade modal-default closeOrganizationModal" tabindex="-1" role="dialog" aria-labelledby="closeOrganizationModal" aria-hidden="true">
            <div class="modal-dialog modal-sm">
                <div class="modal-title"><span class="close" data-dismiss="modal"></span>提示</div>
                <div class="modal-content">
                    <div class="pt35 pl15">
                        <div>
                            <div class="mb5 text-center"><img src="../images/manager/confirm.png" alt=""/></div>
                            <div class="font-12 text-center">您确定要将选中组织进行关闭操作吗？</div>
                            <div class="mt35 text-center">
                                <a class="btn btn-blue mr35" data-dismiss="modal">确认</a>
                                <a class="btn btn-default" data-dismiss="modal">取消</a>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
        </div>
        <div class="modal fade modal-default closeChannelModal" tabindex="-1" role="dialog" aria-labelledby="closeChannelModal" aria-hidden="true">
            <div class="modal-dialog modal-sm">
                <div class="modal-title"><span class="close" data-dismiss="modal"></span>提示</div>
                <div class="modal-content">
                    <div class="pt35">
                        <div>
                            <div class="mb5 text-center"><img src="../images/manager/confirm.png" alt=""/></div>
                            <div class="font-12 text-center">您确定要将选中渠道进行关闭操作吗？</div>
                            <div class="mt35 text-center">
                                <a class="btn btn-blue mr35" data-dismiss="modal">确认</a>
                                <a class="btn btn-default" data-dismiss="modal">取消</a>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
        </div>
        <div class="modal fade modal-default organizationInfoModal" tabindex="-1" role="dialog" aria-labelledby="addOrganizationModal" aria-hidden="true">
            <div class="modal-dialog modal-md mt150">
                <div class="modal-title"><span class="close" data-dismiss="modal"></span>组织详情</div>
                <div class="modal-content">
                    <div class="pt10 text-left pl20">
                        <div class="row">
                            <div class="col-sm-4 mt15 text-right"><span class="color-red">*</span>&nbsp;组织名称：</div>
                            <div class="col-sm-8 mt15">上海纷讯信息科技有限公司</div>
                            <div class="col-sm-4 mt15 text-right"><span class="color-red">*</span>&nbsp;&nbsp;联系人：</div>
                            <div class="col-sm-8 mt15">Walt Pu</div>
                            <div class="col-sm-4 mt15 text-right"><span class="color-red">*</span>&nbsp;联系电话：</div>
                            <div class="col-sm-8 mt15">13965896666</div>
                            <div class="col-sm-4 mt15 text-right"><span class="color-red">*</span>&nbsp;&nbsp;&nbsp;职位：</div>
                            <div class="col-sm-8 mt15">总经理</div>
                            <div class="col-sm-4 mt15 text-right"><span class="color-red">*</span>&nbsp;&nbsp;&nbsp;行业：</div>
                            <div class="col-sm-8 mt15">IT服务</div>
                            <div class="col-sm-4 mt15 text-right"><span class="color-red">*</span>&nbsp;规模范围：</div>
                            <div class="col-sm-8 mt15">50人以下</div>
                            <div class="col-sm-4 mt15 text-right"><span class="color-red">*</span>&nbsp;&nbsp;&nbsp;网址：</div>
                            <div class="col-sm-8 mt15">www.fallfish.com.cn</div>
                            <div class="col-sm-4 mt15 text-right"><span class="color-red">*</span>&nbsp;联系地址：</div>
                            <div class="col-sm-8 mt15">上海市徐汇区凯旋路3131号603室</div>
                            <div class="col-sm-4 mt15 text-right"><span class="color-red">*</span>&nbsp;组织描述：</div>
                            <div class="col-sm-8 mt15">这个人很懒，什么都没留下</div>
                        </div>
                        <div class="mt30 text-center"><a class="btn btn-blue" data-dismiss="modal">关闭组织</a>
                            <a class="btn btn-default ml20" data-dismiss="modal">好的</a></div>
                    </div>
                </div>
            </div>
        </div>
        <div class="modal fade modal-default cancelBookingModal" tabindex="-1" role="dialog" aria-labelledby="cancelBookingModal" aria-hidden="true">
            <div class="modal-dialog modal-sm">
                <div class="modal-title"><span class="close" data-dismiss="modal"></span>关闭订单</div>
                <div class="modal-content">
                    <div class="pt35">
                        <div>
                            <div class="mb5 text-center"><img src="../images/manager/confirm.png" alt=""/></div>
                            <div class="font-12 text-center">您是否要关闭该订单？</div>
                            <div class="mt35 text-center">
                                <a class="btn btn-blue mr35" id="cancelBookingFailed">确认</a>
                                <a class="btn btn-default" data-dismiss="modal">取消</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="modal fade modal-default cancelBooking2Modal" tabindex="-1" role="dialog" aria-labelledby="cancelBooking2Modal" aria-hidden="true">
            <div class="modal-dialog modal-sm">
                <div class="modal-title"><span class="close" data-dismiss="modal"></span>关闭订单</div>
                <div class="modal-content">
                    <div class="pt35">
                        <div>
                            <div class="mb5 text-center"><img src="../images/manager/confirm.png" alt=""/></div>
                            <div class="font-12 text-center">您是否要关闭该订单？</div>
                            <div class="mt35 text-center">
                                <a class="btn btn-blue mr35" data-dismiss="modal">确认</a>
                                <a class="btn btn-default" data-dismiss="modal">取消</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="modal fade modal-default cancelBookingFailedModal" tabindex="-1" role="dialog" aria-labelledby="cancelBookingFailedModal" aria-hidden="true">
            <div class="modal-dialog modal-sm">
                <div class="modal-title"><span class="close" data-dismiss="modal"></span>未完成订单</div>
                <div class="modal-content">
                    <div class="pt35">
                        <div>
                            <div class="mb5 text-center"><img src="../images/manager/info.png" alt=""/></div>
                            <div class="font-12 text-center">未完成订单不可关闭！</div>
                            <div class="mt35 text-center">
                                <a class="btn btn-blue mr35" data-dismiss="modal">确认</a>
                                <a class="btn btn-default" data-dismiss="modal">取消</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="modal fade modal-default bookingInfoModal" tabindex="-1" role="dialog" aria-labelledby="addOrganizationModal" aria-hidden="true">
            <div class="modal-dialog modal-md mt250">
                <div class="modal-title"><span class="close" data-dismiss="modal"></span>KDKDJSFDASO9Ol订单详情</div>
                <div class="modal-content">
                    <div class="pt20 text-left pl50 pr30">
                        <div class="color-687780">
                            <div class=""><span class="w6em inline-block">商品名称：</span><span>阿里云免配置服务器一年有效期</span></div>
                            <div class="mt30"><span class="w6em inline-block">订单用户：</span><span>aaa</span></div>
                            <div class="mt30"><span class="w6em inline-block">购买数量：</span><span>2</span></div>
                            <div class="mt30"><span class="w6em inline-block">商品总价：</span><span class="color-orange"><i class="fa fa-jpy" aria-hidden="true"></i>560.00</span></div>
                            <div class="mt30"><span class="w6em inline-block">订单时间：</span><span>2016-12-10 15:22</span></div>
                            <div class="mt30"><span class="w6em inline-block">订单状态：</span><span class="color-orange">等待汇款</span></div>
                        </div>
                        <div class="mt50 text-center">
                            <a class="btn btn-blue" data-dismiss="modal">确定</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <script>
            $(document).ready(function () {
                $('#cancelBookingFailed').click(function () {
                    $('.cancelBookingModal').modal('hide');
                    $('.cancelBookingFailedModal').modal('show');
                });
                //时间筛选
                var date = $(".dateStart").datepicker({
                    //startDate: "+1d",
                    //todayBtn: true,
                    autoclose: true,
                    //todayHighlight: true,
                    pickerPosition: "bottom-left",
                    format: "yyyy-mm-dd",
                    language: "zh-CN"
                }).on('changeDate', function (e) {
                    $('.dateEnd').datepicker('setStartDate', getStartTime(e.date));
                });
                $(".dateEnd").datepicker({
                    //startDate: "+1d",
                    //todayBtn: true,
                    autoclose: true,
                    //todayHighlight: true,
                    pickerPosition: "bottom-left",
                    format: "yyyy-mm-dd",
                    language: "zh-CN"
                });
                var date = new Date();
                var now = date.Format('yyyy-MM-dd HH:mm');
                $('#nowTime').text(now);
                $('.usersCheckAll').click(function () {
                    if ($(this).is(':checked')) {
                        $(this).parents('.users').find('input[type="checkbox"]').prop('checked', true);
                    } else {
                        $(this).parents('.users').find('input[type="checkbox"]').prop('checked', false);
                    }

                });
                $('.organizationCheckAll').click(function () {
                    if ($(this).is(':checked')) {
                        $(this).parents('.organization').find('input[type="checkbox"]').prop('checked', true);
                    } else {
                        $(this).parents('.organization').find('input[type="checkbox"]').prop('checked', false);
                    }

                });
                $('#toChannelUpdate').click(function () {
                    $('.channelInfo').hide();
                    $('.channelUpdate').show();
                });
                $('#createChannelBtn').click(function () {
                    $('.channelUpdate').hide();
                    $('.channelInfo').show();
                });
            });
        </script>

        <!--[if lt IE 9]>
<script src="../assets/global/plugins/respond.min.js"></script>
<script src="../assets/global/plugins/excanvas.min.js"></script> 
<![endif]-->
    </body>
</html>